page-member-performance {
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    ion-header{
        .performanceHead {
            font-size: 0;
            background: #fff;
            box-shadow: 0 pxToVw(5) pxToVw(5) rgba(0, 0, 0, .1);
            .groupType {
                margin: 0 auto;
                width: pxToVw(1020);
                height: pxToVw(180);
                background: #fff;
                span {
                    display: inline-block;
                    font-size: pxToVw(42);
                    line-height: pxToVw(180);
                    text-align: center;
                    font-weight: bold;
                    color: #333;
                    &:nth-of-type(1){
                        width: pxToVw(176);
                    }
                    &:nth-of-type(2){
                        width: pxToVw(164);
                    }
                    &:nth-of-type(3){
                        width: pxToVw(180);
                    }
                    &:nth-of-type(4),&:nth-of-type(5){
                        width: pxToVw(250);
                    }
                }
            }
        }
    }
    ion-content {
        .scroll-content{
            background: #f5f5f5;
        }
        .fab-ios-light{
            background-color:transparent;

        }
        .groupList {
            padding: pxToVw(45) pxToVw(30);
            .groupItem {
                width: pxToVw(1020);
                height: pxToVw(280);
                font-size: 0;
                margin-bottom: pxToVw(45);
                border-radius: pxToVw(15);
                background: #fff;
                box-shadow: 0 0 pxToVw(30) rgba(0, 0, 0, 0.1);
                .leaderName,.titleGroup,.groupRight{
                    display: inline-block;
                    vertical-align: top;
                    text-align: center;
                    font-size: pxToVw(36);
                    color: #333;
                    box-sizing: border-box;
                    &.leaderName{
                        position: relative;
                        top: 50%;
                        padding: 0 pxToVw(5);
                        width: pxToVw(176);
                        font-size: pxToVw(42);
                        transform: translateY(-50%);
                    }
                    &.titleGroup{
                        width: pxToVw(164);
                        height: pxToVw(280);
                        .title{
                            height: pxToVw(140);
                            line-height: pxToVw(140);
                        }
                        .typeName{
                            display: table-cell;
                            vertical-align: middle;
                            text-align: center;
                            width: pxToVw(164);
                            height: pxToVw(140);
                        }
                    }
                    &.groupRight{
                        width: pxToVw(680);
                        .groRightTop,.groRightBot{
                            font-size: 0;
                            text-align: center;
                            height: pxToVw(140);
                            line-height: pxToVw(140);
                            white-space: nowrap;
                            &.groRightTop{
                                border-bottom: pxToVw(1) solid #e9e9e9;
                            }
                            span{
                                display: inline-block;
                                font-size: pxToVw(36);
                                color: #333;
                                &:nth-of-type(1){
                                    width: pxToVw(180);
                                }
                                &:nth-of-type(2),&:nth-of-type(3){
                                    width: pxToVw(250);
                                }
                            }
                        }
                    }
                }
            }
        }

        div.go-up {
            width:pxToVw(96);
            height: pxToVw(96);
            right: 5.556vw;
            bottom: 5.556vw;
            img {
                width: 100%;
                height: 100%;
                max-width: none;
            }
        }
    }
}


